<template>
    <div>
        <p>{{date}}</p>
        <button @click="add">+</button>
        <div v-for="(tmp, index) in date" :key="index">
            {{tmp.col1}} + {{tmp.col2}}
            <input type="text" v-model="tmp.col1" />
            <input type="text" v-model="tmp.col2" />
        </div>
    </div>
</template>

<script>
export default {
    name: "Test1",
    data() {
        return {
            date: [
                {col1: null, col2: null}
            ]
        };
    },
    methods: {
        add: function () {
            this.date.push({col1: null, col2: null});
        }
    }
}
</script>

<style scoped>

</style>